.f_sk
	div[class*="icon_more"],label[class*="icon_more"],input[class*="icon_more"],p[class*="icon_more"]
		.flow-content
			te()
		&:after
			position: absolute
			content:"" 
			background-size 6px 10px
			background-repeat no-repeat
			background-position: center
			right 12px;
			top: 0
			height 100%
			width: 20px
			pointer-events: none
	.icon_more
		&:after
			background-image url("../images/more.png")
			background-size: 6px
.f_sk
	.list-item
		line-height 25px
		padding: 10px 0
		position relative
		overflow hidden
		border-bottom: 1px solid #f0f0f0;
		display: flex
		min-height: 40px
		label
			display block
			height 100%
		.item-label
			color $c8c
			float left
			padding-left: 12px;
			width: 35%
		.flow-content
			padding-left: 12px
			float left
			background-color #fff
			position: relative;
			flex-grow: 1;
			&.mulselect
				position: relative;
				select
					opacity: 0
				.mul-result
					position: absolute;
					left: 0
					bottom: 0
					width: 100%
					pointer-events: none;
			input,div,select,textarea
				display block
				height 100%
				width 100%
				line-height: 22px
			select
				height 25px
			input:disabled, textarea:disabled
				background-color transparent
		&.list-item-textarea
			margin-top 15px
			margin-bottom 15px
			display: block
			.item-label
				float none
			.flow-content
				height 90px
				width: 100%
				padding: 0 12px
				textarea
					line-height 20px
					resize none
					padding-top 5px
					bBox()
.required
	.item-label,
	&>div:first-of-type
		&:after
			content "*"
			color #ff0000
			vertical-align middle
			margin-left 6px
	.list-item
		&:after
			content: ""

.task-review
	.f_sk
		.section
			margin-top 15px
			&:first-child
				margin-top 0
			.list-item
				.w60
					width 100% !important
					padding: 0 12px
				&.flex
					.w40
						width: 35% !important
					.w60
						width: 65% !important
		.item-userDefined
			.list-item.flex
				.w40
					width: 35% !important
				.w60
					width: 65% !important
		.list-item
			font-size: 1.5rem
			&:last-child
				border none
			.w40.c9
				text-align left
				padding-left: 12px;
				word-break:break-word
				color: #7a7a7a
			.w60
				padding-left 12px
				color: #000
				&.c-blue
					color: $c-blue
.list-item.readonly
	background-color #e0e0e0
	.flow-content
		background-color #e0e0e0
	input
		background-color transparent
.tablestyle .list-item .list-content.required .col-1-4
	&:after
		content "*"
		color #ff0000
.info-tip
	margin-top 10px
	color $c-blue
	background #fff
	line-height 30px
	&:after
		content:":";
.tablestyle
	background-color #f5f5f5
	.list-item
		position relative
		overflow hidden
		height auto
		padding: 0
		border-bottom 1px solid #f0f0f0
		line-height: 28px
		textarea,input,select
			width 100%
		&.list-content
			position relative
			padding 0 1px
			display flex
			&>div
				min-height 30px
	.col-1-4,.col-5-12
		width 35%
		padding: 10px 12px
		color: #7a7a7a
	.col-3-4,.col-7-12
		padding-left 5px
		width 65%
		padding: 10px 12px		
.pickceritem
	width 90%
	z-index 999
	max-height: 100vh
	overflow: scroll
	center()
	border-radius 5px
	.search_input_wrapper
		background-color #fff
		padding 5px 12px
		.search_input
			background #f5f5f5
			height 30px
			width 100%
			line-height 30px
			display block
			vertical-align middle
			border-radius 5px
			text-align center

div[search-input].pickceritem,div[choose-user].pickceritem
	height: 400px
	.search-result-list
		height: 325px
		overflow-y: scroll
		overflow-x: hidden
		background-color: #ffffff
		.list-item
			border-bottom: 1px solid #ddd
			line-height: 45px;
			padding: 0 10px
			box-sizing: border-box

	.list-item
		padding 0
		margin-top 0
		line-height 46px
		.list-content
			.col-1-4
				text-align right
				color $c8c
			padding 0
			input,select
				width 100%
				height 100%
				line-height 100%
.pickceritem-btn
	line-height 44px
	margin: 10px 15px
	.cancel
		background-color #fff
		border-radius: 4px
		margin-right 15px
	.confirm
		background-color $c-blue
		border-radius: 4px		
		color #fff
.info-title
	padding 0 $pd12
	color #a0a0a3
	line-height 40px
.table-list
	background-color: #f5f5f5
	&.readonly
		.table-item
			.list-item
				border-color #999
				.flow-content
					background-color #e0e0e0
	&[infinite-scroll]
		.table-item
			border none
	.table-item
		background #fff
		margin-bottom 10px
		position relative
		overflow hidden
		.content
			background #fff
			position relative
			z-index 1
			transition transform ease .2s
			transition transform ease .2s
			&.cur
				-webkit-transform translate3d(-80px, 0, 0)
				transform translate3d(-80px, 0, 0)
		&:last-child
			margin-bottom 0
.c-blue.list-item.tc
	display: block
	text-align: center
.table-item
	.list-masker
		position absolute
		top 0
		right 0
		background url("../images/icon_unchecked.png")  center no-repeat;
		background-size 30px
		size(40px,40px)
		transform translate3d(0,0,0)
	&.selected
		.list-masker
			background-image url("../images/icon_checked.png");
.select-list
	.list-item
		color $c8c
		text-indent 1.5em
		background url("../images/icon_list-unselect.png") no-repeat $pd12 center
		background-size 18px
		&.selected
			background-image url("../images/icon_list-select.png")
.project_name
	position absolute
	right: 0
	top: -8px
	width: 40px !important
	height : 42px !important
	text-indent: -999em
.item-userDefined
	margin-top 15px
	input::-webkit-input-placeholder
		color #000
label.multiple
	position relative
	.select-value
		position absolute
		left 0
		top 0
		pointer-events none
select[multiple]
	opacity 0
	height 1.5em
// 按钮样式
.g-btn,.b-btn,.r-btn
	color #fff
	background-color #0dcc59
.b-btn
	background-color $c-blue
.r-btn
	background-color $c-re
.red-btn
	background-color $c-red
.more-btn
	width: 44px;
	max-width: 44px;
	background url("../images/show-more.png") center center no-repeat
	position relative
	background-size: 2px
	.more-btns-list
		position: absolute
		right: 30px
		bottom:50px
		background-color: #fff
		padding: 0 5px
		border: 1px solid #ddd
		border-radius: 10px
	.name
		size(72px,44px);
		line-height 44px
		background-size: contain
		border-bottom: 1px solid #ddd
		&::last-child
			border: none
.search-list
	.list-item
		.list-item-content
			padding 10px 0
	.item-name
		background url("../images/icon_user2.png") 0 center no-repeat
		text-indent 2.2em
		background-size 20px
	.item-date
		background url("../images/icon_date2.png") 0 center no-repeat
		text-indent 2.2em
		background-size 20px
.file-folder-title
	padding: 22px 0 18px 12px
	background: #fff url("../images/doc-back.png") 0 center no-repeat
	background-size: 17px 17px
	background-origin: content-box;
	color: #141414
	font-weight bold
	text-indent: 20px;
.file-folder-title.ng-hide ~.file-list
	top: 46px;

.list.file-list
	position: absolute;
	top: 111px;
	width: 100%;
	bottom: 0;
	overflow: scroll;
	.list-item
		border:none
		padding: 0;
		&:first-child
			border-top: 1px solid #f0f0f0
	.item-label[class*="icon_"]
		width: 64px;
		padding 10px 12px 10px 0;
	.flow-content
		padding:10px 0;
		padding-left: 0;
		border-bottom: 1px solid #f0f0f0
		.filedesp
			color: #a4a6a9;
			.file-size
				margin-right 10px;
	.isfolder
		.flow-content
			padding:20px 0;
.picture-file-upload
	size(58px,58px)
	position absolute
	bottom 19px
	right 19px
	background url("../images/doc-add.png") 0 center no-repeat
	background-size 100%;
.list-modal
	position: absolute
	top: 0;
	bottom: 0;
	width: 100%;
	z-index 999;
	overflow: scroll
	.list-item
		min-height:auto
		.item-label
			width: 20%;
		.flow-content
			width: 80%
.task-review div[cerid]
	background-color: transparent;
	.section
		background-color: #fff